<page-header></page-header>
<div class="mb-md">
  <button (click)="uploadFile()" nzType="primary" nz-button><i nz-icon nzType="upload" nzTheme="outline"></i>上传</button>
  <button (click)="addFolder()" nz-button><i nz-icon nzType="folder-add" nzTheme="outline"></i>新建文件夹</button>
  <nz-button-group style="margin-left: 10px" *ngIf='showFileControl.group'>
  </nz-button-group>
</div>
<nz-breadcrumb nzSeparator=">">
  <nz-breadcrumb-item *ngIf="nodeLevel.length>0">
    <a (click)="prevFolder()"><i nz-icon nzType="rollback"></i>上一级</a>
  </nz-breadcrumb-item>
  <nz-breadcrumb-item>
    <a (click)="nodeLevel=[];getUserNode('0')"><i nz-icon nzType="home" nzTheme="twotone"></i>根目录</a>
  </nz-breadcrumb-item>
  <nz-breadcrumb-item *ngFor="let level of nodeLevel">
    <a (click)="intoNode(level)">{{level.name}}</a>
  </nz-breadcrumb-item>
</nz-breadcrumb>
<st #st [data]="data" [columns]="columns" [page]="page" (change)="rowChange($event)" multiSort>
  <ng-template st-row="name" let-item>
    <span style="cursor: pointer;" (click)="intoNode(item)">{{item.name}}</span>
  </ng-template>
  <ng-template st-row="type" let-item>
    <i nz-icon [nzType]="getFileType(item.type)" nzTheme="twotone"></i>
  </ng-template>
  <ng-template st-row="size" let-item>
    <span>{{getFileSize(item.type,item.size)}}</span>
  </ng-template>
</st>
